@import url("./lessConfig.less");
//width w
each(@length, {
    .w-@{key} {
      width:@value;
    }
});
//height h
each(@length, {
    .h-@{key} {
      height:@value;
    }
});
// width%  wp
each(@lengthP, {
    .wp-@{key} {
      width:@value;
    }
});
//height%  hp
each(@lengthP, {
    .hp-@{key} {
      height:@value;
    }
});
//text-align textDir
each(@direction, {
    .textDir-@{key} {
      text-align:@value;
    }
});
// padding pad
each(@length, {
    .pad-@{key} {
      padding:@value;
    }
});
// margin mar
each(@length, {
    .mar-@{key} {
      margin:@value;
    }
});
// background-color bgc
each(@color, {
    .bgc-@{value} {
      background-color:@value
    }
});
// display
each(@display, {
    .@{value} {
      display:@value
    }
});
each(@length, {
  .gap-@{key} {
    gap:@value;
  }
});
//overflow-y
each(@overflow, {
    .y-@{value} {
      overflow-y:@value
    }
});
each(@overflow, {
  .over-@{value} {
    overflow:@value
  }
});


// flex
each(@flexDirection, {
  .flexJc-@{value} {
    justify-content:@value
  }
});
each(@flexDirection, {
  .flexAi-@{value} {
    align-items:@value
  }
});
each(@axle, {
  .flex-@{key} {
    flex-direction:@value;
  }
});
// radius
each(@length, {
  .radius-@{key} {
    border-radius:@value;
  }
});
// position
each(@length, {
  .left-@{key} {
    left:@value;
  }
});
each(@length, {
  .right-@{key} {
    right:@value;
  }
});
each(@length, {
  .top-@{key} {
    top:@value;
  }
});
each(@length, {
  .bottom-@{key} {
    bottom:@value;
  }
});
//line-height
each(@length, {
  .lineH-@{key} {
    line-height:@value;
  }
});
// font-size
each(@length, {
  .fSize-@{key} {
    font-size:@value;
  }
});
// margin
each(@length, {
  .marR-@{key} {
    margin-right:@value;
  }
});
each(@length, {
  .marL-@{key} {
    margin-left:@value;
  }
});
each(@length, {
  .marB-@{key} {
    margin-bottom:@value;
  }
});
each(@length, {
  .marT-@{key} {
    margin-top:@value;
  }
});
//float
each(@direction, {
  .float-@{value} {
    float:@value;
  }
});
